/* stylelint-disable at-rule-no-unknown */
@tailwind base;
@tailwind components;
@tailwind utilities;

html,
body,
#root {
  height: 100%;
}

.root-main {
  height: 100%;
}

.ant-pro-global-header {
  margin: 0;
}

@layer components {
  .header-item {
    @apply hover:text-[#00bdff] h-full leading-[56px] relative;
  }

  .header-item-line {
    @apply before:content-[''] before:absolute before:left-0 before:bottom-0 before:w-full before:h-[2px] before:bg-[#00bdff];
  }
}
